<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>生活</title>
    <link rel="stylesheet" href="css/style.css">
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
</head>
<body>
        <div class="top">
                <div class="top-frame">
                    <div class="top-left">
                        <img src="images/pikaqiu.gif" alt="">
                    </div>
                   <div class="top-left-font">
                       <h2 style="color:white">行我之所想</h2>
                   </div>
                   <div class="top-right-font">
                       <h2 style="color:white">炫我之所<a href="https://liweilin1.gitee.io/last">爱</a></h2>
                   </div>
                    <div class="logo">
                        
                     <a href="../index.html"> <img src="images/logo.jpg" alt=""></a>   
                    </div>
                    <div class="top-right">
                         
                         <img src="images/pikaqiu.gif" alt="">
                         
                     </div>
                 </div>
            </div>  
        <div class="main-frame">
                <div class="xg-frame">
                        <div class="my-pic">

                               <div> <img src="images/me.png" alt=""></div>
                            <div class="erweima"> <img src="images/erweima.png" alt="" ></div>
                        </div>
                        <d`iv class="xg">
                            <div class="xg-content">
                                <a href="../index.html">
                                    <div class="xg-pic-g">
                                        <img src="images/pika-g.png" alt="">
                                    </div>
                                    <div class="xg-pic-k">
                                        <img src="images/pika-k.png" alt="">
                                    </div>
                                    <span class="xg-cont"><strong>首页</strong></span>
                                </a>
                            </div>
                            <div class="xg-content">
                                    <a href="../作品/zp.html">
                                        <div class="xg-pic-g">
                                            <img src="images/pika-g.png" alt="">
                                        </div>
                                        <div class="xg-pic-k">
                                            <img src="images/pika-k.png" alt="">
                                        </div>
                                        <span class="xg-cont"><strong>作品</strong></span>
                                    </a>
                                </div>
                                <div class="lianxi xg-content">
                                        
                                            <div class="xg-pic-g">
                                                <img src="images/pika-g.png" alt="">
                                            </div>
                                            <div class="xg-pic-k">
                                                <img src="images/pika-k.png" alt="">
                                            </div>
                                            <span class="xg-cont"><strong>联系</strong></span>
                                        
                                    </div>
                        </d`iv>
                </div>
                <div class="qiu-frame">
                    <div class="jlq">
                        <img src="images/qiu1.png" alt="" class="qiu-g">
                        <img src="images/qiu2.png" alt="" class="qiu-k">
                        <img src="images/1.jpg" alt="" class="me">
                    </div>
                    <div class="jlq">
                        <img src="images/qiu1.png" alt="" class="qiu-g">
                        <img src="images/qiu2.png" alt="" class="qiu-k">
                        <img src="images/2.jpg" alt="" class="me">
                    </div>
                    <div class="jlq">
                        <img src="images/qiu1.png" alt="" class="qiu-g">
                        <img src="images/qiu2.png" alt="" class="qiu-k">
                        <img src="images/3.jpg" alt="" class="me">
                    </div>
                    <div class="jlq">
                        <img src="images/qiu1.png" alt="" class="qiu-g">
                        <img src="images/qiu2.png" alt="" class="qiu-k">
                        <img src="images/4.jpg" alt="" class="me">
                    </div>
                    <div class="jlq">
                        <img src="images/qiu1.png" alt="" class="qiu-g">
                        <img src="images/qiu2.png" alt="" class="qiu-k">
                        <img src="images/5.jpg" alt="" class="me">
                    </div>
                    <div class="jlq">
                        <img src="images/qiu1.png" alt="" class="qiu-g">
                        <img src="images/qiu2.png" alt="" class="qiu-k">
                        <img src="images/6.jpg" alt="" class="me">
                    </div>
                    <div class="jlq">
                        <img src="images/qiu1.png" alt="" class="qiu-g">
                        <img src="images/qiu2.png" alt="" class="qiu-k">
                        <img src="images/7.jpg" alt="" class="me">
                    </div>
                    <div class="jlq">
                        <img src="images/qiu1.png" alt="" class="qiu-g">
                        <img src="images/qiu2.png" alt="" class="qiu-k">
                        <img src="images/8.jpg" alt="" class="me">
                    </div>
                    <div class="jlq">
                        <img src="images/qiu1.png" alt="" class="qiu-g">
                        <img src="images/qiu2.png" alt="" class="qiu-k">
                        <img src="images/9.jpeg" alt="" class="me">
                    </div>
                    <div class="jlq">
                        <img src="images/qiu1.png" alt="" class="qiu-g">
                        <img src="images/qiu2.png" alt="" class="qiu-k">
                        <img src="images/10.jpg" alt="" class="me">
                    </div>
                    <div class="jlq">
                        <img src="images/qiu1.png" alt="" class="qiu-g">
                        <img src="images/qiu2.png" alt="" class="qiu-k">
                        <img src="images/11.jpg" alt="" class="me">
                    </div>
                    <div class="jlq ">
                        <img src="images/qiu1.png" alt="" class="qiu-g">
                        <img src="images/qiu2.png" alt="" class="qiu-k">
                        <img src="images/12.png" alt="" class="me ">
                    </div>
                    
                    
                    
                </div>
        </div>
        <script>
                $(".lianxi>span>strong").click(function(){
                $(".my-pic>div").eq($(this).index()).hide().siblings().show();
               })
                </script>
</body>
</html>